<template>
  <div class="lineup">
    <my-head title="返修任务"/>
    <mu-data-table height="100px" :columns="columns" :loading="loading" @row-click="openInfo" :data="repairTaskList">
      <template slot-scope="scope">
        <td>{{scope.row.vehicleNo || "-"}}</td>
        <td>{{scope.row.lineNo || "-"}}</td>
        <td>{{scope.row.reportTime || "-"}}</td>
      </template>
    </mu-data-table>


    <mu-dialog width="360" transition="slide-bottom" fullscreen :open.sync="openFullscreen">
      <mu-appbar color="primary" title="返修任务">
        <mu-button slot="left" icon @click="openFullscreen = false">
            <mu-icon value="close"></mu-icon>
        </mu-button>
        <mu-button slot="right" flat  @click="openFullscreen = false">
          关闭
        </mu-button>
      </mu-appbar>
    </mu-dialog>

  </div>
</template>

<script>
import myHead from '@/components/header'
import api from "@/common/api"
export default {
  name: 'lineup',
  components: {
    myHead
  },
  data () {
    return {
      openFullscreen: false,
      loading: true,
      repairTaskList: [
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
        {
          vehicleNo: "1213123213",
          lineNo: "1213123213",
          reportTime: "1213123213"
        },
      ],
      columns: [
        { title: '车牌号', width: 126,  name: 'vehicleNo' },
        { title: '排号', name: 'lineNo', width: 126, align: 'left'},
        { title: '报到时间', name: 'reportTime', align: 'left'},
      ]
    }
  },
  methods: {
    openInfo (index, row, event) {
      this.openFullscreen = true;
    },
  },
  mounted () {
  },
  watch: {

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.lineup-box{
    height: calc(100vh - 150px);
}
.w9 .mu-input{
    margin-bottom: 0;
    padding-bottom: 0;
}
td.red{
    color: #cb0000;
}
.w9{
    width: 90%;
    margin: 0 auto 0;
}
</style>
